import React,{ Component , Fragment} from 'react';
import HomeMenuBg from '../../assets/sliderImg/home-bg.jpg'
import menu1 from '../../assets/homeMenu/1.png'
import menu2 from '../../assets/homeMenu/2.png'
import menu3 from '../../assets/homeMenu/3.png'
import menu4 from '../../assets/homeMenu/4.png'
import menu5 from '../../assets/homeMenu/5.png'
import menu6 from '../../assets/homeMenu/6.png'
import menu7 from '../../assets/homeMenu/7.png'
import menu8 from '../../assets/homeMenu/8.png'
export default class HomeMenu extends Component{
    render(){
        return(
            <Fragment>
                <div className='home-menu' style={{
                    backgroundImage:"url(" +HomeMenuBg+ ")",
                    'backgroundRepeat':"no-repeat",
                    backgroundSize:"100% 100%",
                    overflow:'hidden',
                    marginTop:'-3px'
                }}>
                    <div className='menu-item'>
                        <img src={menu1} alt=''/>
                        <span>买二付一</span>
                    </div>
                    <div className='menu-item'>
                        <img src={menu2} alt=''/>
                        <span>原箱礼盒</span>
                    </div>
                    <div className='menu-item'>
                        <img src={menu3} alt=''/>
                        <span>会员福利</span>
                    </div>
                    <div className='menu-item'>
                        <img src={menu4} alt=''/>
                        <span>银行活动</span>
                    </div>
                    <div className='menu-item'>
                        <img src={menu5} alt=''/>
                        <span>新鲜水果</span>
                    </div>
                    <div className='menu-item'>
                        <img src={menu6} alt=''/>
                        <span>精选肉类</span>
                    </div>
                    <div className='menu-item'>
                        <img src={menu7} alt=''/>
                        <span>海鲜水产</span>
                    </div>
                    <div className='menu-item'>
                        <img src={menu8} alt=''/>
                        <span>食品材料</span>
                    </div>
                </div>
            </Fragment>
        )
    }
}